<!DOCTYPE HTML>
<html>
    <head>
     <meta charset="UTF-8">
     <meta http-equiv="x-ua-compatible" content="IE=edge" >
     <meta name="viewport"   content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
     <title>直播视频</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	<style>
	.video-desc{
		 -webkit-box-orient: vertical;
	}
	</style>
    </head>

    <body>
        <div class="player-area">
            <%= require('./js/cuswipper/index.html')%>
        </div>
		<script type="text/javascript" src="lib/zepto.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
     <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script>
			$(()=>{
				//linkUrl:详情页跳转地址 /scenedetail_{id}.html
				var param ={
					reqUrl:'http://192.168.31.254:8081/total/getfavlist?areacode=422800',//数据接口地址
					selector:'#test-swiper',//滚动视图容器选择器， id：# ，class：.
					templateId:'templateCon',//每个滚动元素渲染模板
					eventType:'click', //滚动元素事件绑定，暂时只能指定为click
					eventHandeler:function(index,slide){ //滚动元素事件处理函数 ,参数暂时未当前元素activeIndex
						console.log("1111");
						alert("aaa"+111+$(slide).attr("data-id"));
						
					},
					page:1,//页码
					current:2//指定页码的下标 从0开始
				}
				var tem  = newCusSwipper(param);
			})
		</script>
		<!-- 模板文件 -->
		<script type="text/template" id="templateCon">
			<div class="swiper-slide" data-id="{page}-{current}">
				<a class="videoplay" href="javascript:void(0);">
					<img src="{img}">
					<p class="rec_litop">{descr}</p>
				</a>
			</div>
		</script>
    </body>
</html>



